import { FC } from "react"
import {
  HelpTooltip,
  // HelpTooltipLink,
  // HelpTooltipLinksGroup,
  HelpTooltipText,
  HelpTooltipTitle,
} from "./HelpTooltip"

export const Language = {
  title: "什么是用户身份?",
  text:
    "PsiDev 基于角色的访问控制 (RBAC) 提供细粒度的访问管理。\n",
  link: "User Roles",
}

export const UserRoleHelpTooltip: FC = () => {
  return (
    <HelpTooltip size="small">
      <HelpTooltipTitle>{Language.title}</HelpTooltipTitle>
      <HelpTooltipText>{Language.text}</HelpTooltipText>
      {/*<HelpTooltipLinksGroup>*/}
      {/*  <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/admin/users#roles">*/}
      {/*    {Language.link}*/}
      {/*  </HelpTooltipLink>*/}
      {/*</HelpTooltipLinksGroup>*/}
    </HelpTooltip>
  )
}
